<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/home/home.css" />
	</head>

	<body>
		<div id="home" v-cloak v-show='data'>
			<header class="mui-bar mui-bar-nav">
				<!--<div class="home_msg clsopen" href="../msg/msgcentent.html"><img src="../../images/home_msg.png" /><span v-show="data.unRead">{{data.unRead}}</span></div>-->
				<!--<div class="home_msg">
					<div style="width:18px;"></div>
				</div>-->
				<div class="seach_input"><input type="text" placeholder="搜索商品" readonly="true" /></div>
				<div class="shopcar" @tap='shopcar'><img src="../../images/home_shopcar.png" /><span v-show="data.cartCount">{{data.cartCount}}</span></div>
			</header>
			<div class="mui-scroll-wrapper mui-content muiScrollx">
				<div class="mui-scroll">
					<!--轮播-->
					<div id="slider" class="mui-slider">
						<div class="mui-slider-group mui-slider-loop">
							<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate" @tap.stop="openSlider(slidersfoot)">
								<a href="#">
									<img src="../../images/loadImg/slider.png" :src="imgCommonUrl+ slidersfoot.img">
								</a>
							</div>

							<!-- 第一张 -->
							<div class="mui-slider-item" v-for="sliders in sliders" @tap.stop="openSlider(sliders)">
								<a href="#">
									<img src="../../images/loadImg/slider.png" :src="imgCommonUrl+sliders.img" alt="" />
								</a>
							</div>
							<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate" @tap.stop="openSlider(slidershead)">
								<a href="#">
									<img src="../../images/loadImg/slider.png" :src="imgCommonUrl+ slidershead.img">
								</a>
							</div>
						</div>
						<div class="mui-slider-indicator">
							<div class="mui-indicator" :class="{'mui-active':index ==0}" v-for="(sliders,index) in sliders"></div>
						</div>
					</div>
					<!--导航栏-->
					<div class="nav">
						<!--<div class="clsopen" href="../details/details.html">
						<img src="http://119.23.33.223:3004/photoserver/photoserver/photo/2018/02/07/368ae837-85c7-4556-a10b-40954f72ab98.png" />
						<div>推烟器</div>
					</div>
					<div>
						<img src="http://119.23.33.223:3004/photoserver/photoserver/photo/2018/02/07/0f9a99e6-1bc6-480f-9a2c-89992f1745c3.png" />
						<div>货架陈列</div>
					</div>
					<div>
						<img src="http://119.23.33.223:3004/photoserver/photoserver/photo/2018/02/07/6eaa9d77-8a00-40aa-9fa3-69338d68cff6.png" />
						<div>广告器具</div>
					</div>
					<div>
						<img src="http://119.23.33.223:3004/photoserver/photoserver/photo/2018/02/07/48b215d3-97ce-451b-bc83-3a3fddaa5f46.png" />
						<div>广告展示</div>
					</div>
					<div><img src="http://119.23.33.223:3004/photoserver/photoserver/photo/2018/02/07/48745119-c2ef-473c-891c-90bac1894fa5.png" />
						<div>购物设备</div>
					</div>
					<div><img src="http://119.23.33.223:3004/photoserver/photoserver/photo/2018/02/07/2c1c823c-379e-4b0d-8f50-9e5d6f3547e0.png" />
						<div>标价系列</div>
					</div>
					<div><img src="http://119.23.33.223:3004/photoserver/photoserver/photo/2018/02/07/5cc40224-fec7-4f42-b159-70b18cd3e095.png" />
						<div>电子价签</div>
					</div>
					<div><img src="http://119.23.33.223:3004/photoserver/photoserver/photo/2018/03/10/0bff1b9a-8d55-4a5c-a0fc-08ce7b752692.png" />
						<div>领券中心</div>
					</div>-->
						<div v-for="nav in nav" @tap="openNav(nav)">
							<img src="../../images/loadImg/nav_loading.png" v-lazy="imgCommonUrl + nav.pic" />
							<div>{{nav.name}}</div>
						</div>
					</div>
					<div class="marquee-content">
						<div class="laba"><img src="../../images/laba.png" /></div>
						<div class="middle">
							<div class="transition">
								<div v-for="pub in pub">{{pub.title}}</div>
								<div v-for="pub in pub">{{pub.title}}</div>
							</div>
						</div>
					</div>
					<!--广告栏-->
					<!-- 一级-->
					<div class="advert_one">
						<div v-for="(adverts,index) in adverts" :class="index==0 ? 'advert_one_laft' : 'advert_one_right'" @tap="openSlider(adverts)">
							<img :src="imgCommonUrl + adverts.img" />
						</div>

						<!--<div class="advert_one_laft">
						<img src="../../images/network/nev_ones.png" />
					</div>
					<div class="advert_one_right">
						<img src="../../images/network/nav_one.png" />
					</div>
					<div class="advert_one_right">
						<img src="../../images/network/nav_one.png" />
					</div>-->
					</div>
					<!--楼层-->
					<div class="advert">
						<div v-for="floors in floors">
							<!--二级-->
							<div class="advert_two" v-if="floors.template == 7">
								<div class="advert_title">
									<div class="titleimg"><img src="../../images/hot.png" /></div>
									<div class="more">
										<!--<img src="../../images/more.png" />--></div>
								</div>
								<div class="advert_two_main">
									<div class="advert_two_formatone" @tap="openDetails(floors.templateList.head)">
										<div><img v-lazy="imgCommonUrl + floors.templateList.head.img" /></div>
									</div>
									<div class="advert_two_formattwo" v-for="main in floors.templateList.main">
										<div v-for="mainImg in main" @tap="openDetails(mainImg)"><img v-lazy="imgCommonUrl + mainImg.img" /></div>
									</div>

									<div class="advert_two_formatone" @tap="openDetails(floors.templateList.footer)">
										<div><img v-lazy="imgCommonUrl + floors.templateList.footer.img" /></div>
									</div>
								</div>
							</div>
							<!--三级广告-->
							<div class="advert_three" v-else-if="floors.template == 8">
								<div class="advert_title">
									<div class="titleimg"><img src="../../images/new.png" /></div>
									<div class="more" @tap="newShop(floors)"><img src="../../images/more.png" /></div>
								</div>
								<div class="advert_three_main">
									<div v-for="floors in floors.adverts">
										<div class="border" @tap="openDetails(floors)">
											<div class="advert_three_img"><img v-lazy="imgCommonUrl + floors.img" /></div>
											<!--<div class="new_hos"></div>-->
											<div class="advert_three_data">
												<div class="advert_three_text">{{floors.actionParam.searchParam.goods.goodsInfoname}}</div>
												<!--<div class="advert_three_explain size">{{floors.brief}}</div>-->
												<div class="">
													<div class="advert_three_newsum">
														<span class="size">￥</span>{{floors.price}}
													</div>
													<div class="advert_three_oldsum" v-if="floors.or_price">
														￥{{floors.or_price}}
													</div>
													<!--<div class="advert_three_shopcar"></div>-->
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--四级广告-->
							<div class="advert_four" v-else-if="floors.template == 6">
								<div class="advert_title">
									<div class="titleimg"><img src="../../images/zhuang_title.png" /></div>
									<div class="more_text" @tap='seespecial'>
										查看更多<i class="mui-icon mui-icon-arrowright"></i>
									</div>
								</div>
								<div class="switch">
									<div class="switch_img">
										<div class="prev" v-show="floors.check>0" @tap.stop="prev(floors)"><img src="../../images/next.png" /></div>
										<div @tap.stop="openSpecial(floors.showBanners)">
											<img v-lazy="imgCommonUrl + floors.showBanners.img" />
										</div>
										<div class="next" v-show="floors.check<floors.banners.length-1" @tap="next.stop(floors)"><img src="../../images/next.png" /></div>
									</div>
									<div class="switch_data">
										<div class="switch_text">{{floors.showBanners.actionParam.searchParam.themes.themeName}}</div>
										<!--<div class="size">{{floors.showBanners}}</div>-->
									</div>
								</div>
							</div>
							<!--五级-->

							<div class="advert_five" v-else if='floors.template == 9'>
								<!--<div class="advert_title">
								<div class="titleimg"><img src="../../images/shopseries.png" /></div>
								<div class="advert_text">
									购物系列
									<span>Shopping series</span>
								</div>
								<div class="more_text">
									查看更多<i class="mui-icon mui-icon-arrowright"></i>
								</div>
							</div>
							<div class="advert_five_shop">
								<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
									<div class="mui-scroll">
										<a class="mui-control-item">
											<div class="advert_five_list">
												<div class="advert_five_img">
													<img src="http://119.23.33.223:3004/photoserver//photoserver/images/0/2018/02/03/bf02614d-42a3-4b90-b59e-365914e0ff23.jpg" />
												</div>
												<div class="advert_five_msg">
													<div>超市购物拉篮</div>
													<div>品质生活 舒适购物</div>
													<div class="advert_five_sum">
														￥69
													</div>
												</div>
											</div>
										</a>
										<a class="mui-control-item">
											<div class="advert_five_list">
												<div class="advert_five_img">
													<img src="http://119.23.33.223:3004/photoserver//photoserver/images/0/2018/02/03/bf02614d-42a3-4b90-b59e-365914e0ff23.jpg" />
												</div>
												<div class="advert_five_msg">
													<div>超市购物拉篮</div>
													<div>品质生活 舒适购物</div>
													<div class="advert_five_sum">
														￥69
													</div>
												</div>
											</div>
										</a>
										<a class="mui-control-item">
											<div class="advert_five_list">
												<div class="advert_five_img">
													<img src="http://119.23.33.223:3004/photoserver//photoserver/images/0/2018/02/03/bf02614d-42a3-4b90-b59e-365914e0ff23.jpg" />
												</div>
												<div class="advert_five_msg">
													<div>超市购物拉篮</div>
													<div>品质生活 舒适购物</div>
													<div class="advert_five_sum">
														￥69
													</div>
												</div>
											</div>
										</a>
										<a class="mui-control-item">
											<div class="advert_five_list">
												<div class="advert_five_img">
													<img src="http://119.23.33.223:3004/photoserver//photoserver/images/0/2018/02/03/bf02614d-42a3-4b90-b59e-365914e0ff23.jpg" />
												</div>
												<div class="advert_five_msg">
													<div>超市购物拉篮</div>
													<div>品质生活 舒适购物</div>
													<div class="advert_five_sum">
														￥69
													</div>
												</div>
											</div>
										</a>
									</div>
								</div>
							</div>-->
								<!--陈列系列-->
								<div class="advert_title">
									<div class="titleimg"><img src="../../images/display.png" /></div>
									<div class="advert_text">
										{{floors.text}}
										<!--<span class="display">Display series</span>-->
									</div>
									<div class="more_text" @tap="seeData(floors.text)">
										查看更多<i class="mui-icon mui-icon-arrowright"></i>
									</div>
								</div>
								<div class="advert_five_shop">
									<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
										<div class="mui-scroll">
											<a class="mui-control-item" v-for="adverts in floors.adverts">
												<div class="advert_five_list" @tap="openDetails(adverts)">
													<div class="advert_five_img">
														<img v-lazy="imgCommonUrl + adverts.img" />
													</div>
													<div class="advert_five_msg">
														<div class="advert_five_msg_text">
															{{adverts.actionParam.searchParam.goods.goodsInfoname}}
														</div>
														<!--<div class="size" style="color:#999;">{{adverts.brief}}</div>-->

														<div class="advert_five_sum">
															￥{{adverts.price}}
														</div>
													</div>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--六级-->
					<div class="advert_six">
						<div class="guess_title">
							<div></div>
							<span>猜你喜欢</span>
							<div></div>
						</div>
						<div class="guess_main">

							<div class="guess_list" v-for="live in live" @tap="liveOpenDetails(live)">
								<div class="border">
									<div class="guess_img"><img v-lazy="imgCommonUrl + live.pic" /></div>
									<div class="guess_data">
										<div class="guess_text">{{live.name}}</div>
										<div class="guess_footer">
											<div class="guess_selected size">精选</div>
											<div class="guess_num"> <span class="size">¥</span> {{live.cash}}</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/libs/vue-lazyload.js"></script>
		<script src="../../js/home/home.js"></script>
		<script>
			//mui.plusReady(function() {
			//plus.webview.getWebviewById('loading.html').show()
			//})
		</script>
	</body>

</html>